﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/estilos.css" rel="stylesheet" />
    <link href="css/colorbox/colorbox.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/colorbox/jquery.colorbox.js"></script>

    <script type="text/javascript">
        function Oficina() {
            $.colorbox({
                width: "350", height: "200", iframe: true, href: 'Oficina.aspx'
            });
        }

        function IrAPrincipal() {
            window.location.href = "Principal.aspx";
        }
    </script>
    <title></title>
</head>
<body>
    <form id="frmLogin" style="height: 100%" runat="server">
        <table style="width: 100%; height: 92%; border: 0px" cellspacing="0" cellpadding="0">
            <tr>
                <td id="login-left" valign="top">
                    <table width="222" border="0" cellspacing="0" cellpadding="0">
                        <tr><td class="bg-login" style="vertical-align: top; text-align: center;">
                               <img alt="0" src="images/logo-ayni.png" width="195" height="60" style="padding-top: 20px;" />
                            </td>
                        </tr>
                        <tr><td align="center">
                                <table width="190" border="0" cellspacing="0" cellpadding="0">
                                    <tr><td style="border-top-width: 1px; border-top-style: solid; border-top-color: #969696; padding-top: 8px;">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr><td height="30" align="left" valign="top" padding-top="12px;">
                                                        <img alt="0" src="images/icon-iniciosesion.gif" width="133" height="19" /></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="left" valign="bottom" class="txt-login-ini-tit">Usuario</td>
                                    </tr>
                                    <tr>
                                        <td align="left">
                                            <asp:TextBox runat="server" ID="Username" CssClass="textbox-login"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="*" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td height="23" align="left" valign="bottom" class="txt-login-ini-tit">Contraseña</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:TextBox runat="server" ID="Password" CssClass="textbox-login" TextMode="Password" />
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="Password" CssClass="field-validation-error" ErrorMessage="*" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #969696; padding-top: 5px;">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td width="42">
                                                        <asp:Button runat="server" CommandName="Login" Text="IR" CssClass="skip" ID="btnIniciar" OnClick="btnIniciar_Click" />
                                                </tr>
                                            </table>
                                            <br />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td height="85" align="center" class="txt-login-ini-error">
                                <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label>

                            </td>
                        </tr>
                    </table>
                </td>
                <td id="login-right">
                    <div id="div-publi">Aqui va la publicidad</div>
                </td>
            </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td id="login-footer">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="297" style="padding-top: 0px;">
                                <table width="75%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td align="center">
                                            <input type="button" value="Terminos y Condiciones" class="button2" /></td>
                                        <td align="center">
                                            <input type="button" value="Seguridad" class="button2" /></td>
                                        <td align="center">
                                            <input type="button" value="Beneficios" class="button2" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="420" align="right" class="txt-login-ini-creditos" style="padding-right: 12px;">Copyright ® Credinka 2013 Diseñado por Paul Morillo Machado</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    </form>
</body>
</html>
